/* Don't normalize layout here cuz it breaks the layout built on existing codebase */
@import "tailwindcss" prefix(tw) source("../..");
@plugin "daisyui";
  
.by6-input-disabled {
    @apply tw:border tw:border-neutral/30 tw:opacity-100;
    @apply tw:text-base-content tw:bg-transparent;
}

@theme {
    --animate-fade-out: fade-out 4s ease-out;
    
    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
}

@layer base {
    :root {
        --my-navbar-height: 4rem;
    }
}

@layer components {
    .by6-crumbs-action-btn {
        @apply tw:btn tw:btn-xs tw:btn-outline;
    }

    .by6-inline-circle {
        @apply tw:inline-block tw:align-text-bottom tw:rounded-full;
    }

    .by6-toggle-sidebar-btn {
        @apply tw:rounded-md tw:w-5 tw:h-20 tw:cursor-pointer;
        @apply tw:grid tw:place-items-center;
        @apply tw:shadow-md tw:border tw:border-gray-400;
    }


    /* .ag-popup-child:not(.ag-tooltip-custom) { */
    /*     box-shadow: none !important; */
    /* } */
}
